<style type="text/css">
    .sm-st {
        background: #fff;
        padding: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
    }

    .sm-st-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .sm-st-info {
        padding-top: 2px;
    }

    .sm-st-info span {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .orange {
        background: #fa8564 !important;
    }

    .tar {
        background: #45cf95 !important;
    }

    .sm-st .green {
        background: #86ba41 !important;
    }

    .pink {
        background: #AC75F0 !important;
    }

    .yellow-b {
        background: #fdd752 !important;
    }

    .stat-elem {

        background-color: #fff;
        padding: 18px;
        border-radius: 40px;

    }

    .stat-info {
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        margin-top: -5px;
        padding: 8px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        font-style: italic;
    }

    .stat-icon {
        text-align: center;
        margin-bottom: 5px;
    }

    .st-red {
        background-color: #F05050;
    }

    .st-green {
        background-color: #27C24C;
    }

    .st-violet {
        background-color: #7266ba;
    }

    .st-blue {
        background-color: #23b7e5;
    }

    .stats .stat-icon {
        color: #4397fd;
        display: inline-block;
        font-size: 26px;
        text-align: center;
        vertical-align: middle;
        width: 50px;
        float: left;
    }

    .stat {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .stat .value {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    .stat .name {
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 5px 0;
    }
	
	.donow{
		display: inline-block;
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
		width: 90px;
		float: right;
		border: 1px solid;
		color: black;
		margin-top: 20px;
		height: 35px;
		line-height: 35px;
	}
	
	.jumpProject{
		color: black;
	}
	
	a {
		color: black;
	}

    .stat.lg .value {
        font-size: 26px;
        line-height: 28px;
    }

    .stat-col {
        margin:0 0 10px 0;
    }
    .stat.lg .name {
        font-size: 16px;
    }

    .stat-col .progress {
        height: 2px;
    }

    .stat-col .progress-bar {
        line-height: 2px;
        height: 2px;
    }

    .item {
        padding: 30px 0;
    }


    #statistics .panel {
        min-height: 150px;
    }

    #statistics .panel h5 {
        font-size: 14px;
    }
    .progress-bar-green, .progress-bar-success {
        background-color: #4397fd;
    }
	.panel-body {
		padding: 5px 15px;
	}
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading" style="background: #ccd9ff;border: none;">
		<div class="panel-lead" style="text-align: center;"><em style="font-size: 30px;height: 60px;letter-spacing: 5px;">呼和浩特市生态环境局采购项目管理系统</em></div>
	</div>
	<!-- <div class="panel-heading">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">{:__('统计数据')}</a></li>
            <li><a href="#two" data-toggle="tab">{if isset($_POST['statisyear'])}{$_POST['statisyear']}{else}{:date('Y')}{/if}年{:__('项目进展报告')}</a></li>
        </ul>
    </div> -->
    <div class="panel-body">
		<div class="row">
			<div class="col-md-12 col-xs-12">
				<form class="form-horizontal form-commonsearch nice-validator n-default n-bootstrap" role="form" data-toggle="validator" method="post" action="">
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<label class="control-label col-xs-4" style="font-size: 18px;line-height: 18px;">统计年份</label>
						<div class="col-xs-8" style="position: relative;">
							<input type="text" class="form-control datetimepicker" name="statisyear" disabled value="{if isset($_POST['statisyear'])}{$_POST['statisyear']}{else}{:date('Y')}{/if}" placeholder="统计年份" id="statisyear" data-date-format="YYYY" data-use-current="true">
						</div>
					</div>
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<label class="control-label col-xs-6" style="font-size: 18px;line-height: 18px;">项目年度执行率：</label>
						<div class="col-xs-6">
							<span style="line-height: 35px;font-size: 18px;">{$yearExecutionRate}%</span>
						</div>
					</div>
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="col-sm-8 col-xs-offset-4">
							<button type="submit" class="btn btn-success" formnovalidate="">提交</button> 
							<button type="reset" class="btn btn-default">重置</button> 
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-xs-6">
				<div class="panel" style="border: 1px solid #cccccc;">
					<div class="panel-heading">
						<div style="border: 1px solid;width: 20%;padding: 5px;text-align: center;font-weight: bold;background-color: #4397fd;color: white;border-radius: 5px;font-size: 16px;">代办事项提醒</div>
					</div>
					<div class="panel-body" style="padding-bottom: 0px;">
						<div class="card sameheight-item stats">
							<div class="card-block">
								<div class="row row-sm stats-container">
									<div class="col-xs-12 stat-col">
										<div class="stat-icon"><i class="fa fa-rocket"></i></div>
										<div class="stat">
											<div class="value"> <a class="jumpProject" data-type="1" href="javascript:;">{$todayNoPayProject}</a></div>
											<div class="name"><a class="jumpProject" data-type="1" href="javascript:;"> {:__('今日代办项目数')}</a></div>
										</div>
										<a class="donow jumpProject" data-type="1" href="javascript:;" style="background-color: #4397fd;color: white;border-radius: 5px;">
											{:__('马上办理')}
										</a>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6 stat-col">
										<div class="stat-icon"><i class="fa fa-vcard"></i></div>
										<div class="stat">
											<div class="value"> <a class="jumpProject" data-type="2" href="javascript:;">{$fifteenDayNoPayProject}</a></div>
											<div class="name"><a class="jumpProject" data-type="2" href="javascript:;"> {:__('15天代办项目数')}</a></div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6  stat-col">
										<div class="stat-icon"><i class="fa fa-calendar"></i></div>
										<div class="stat">
											<div class="value"> <a class="jumpProject" data-status="0" data-year="{$statisyear}" href="javascript:;">{$noBeginProject}</a></div>
											<div class="name"><a class="jumpProject" data-status="0" data-year="{$statisyear}" href="javascript:;"> {:__('未开始项目数')}</a></div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6 stat-col">
										<div class="stat-icon"><i class="fa fa-calendar-plus-o"></i></div>
										<div class="stat">
											<div class="value"> <a class="jumpProject" data-status="1" data-year="{$statisyear}" href="javascript:;">{$buyingProject}</a></div>
											<div class="name"><a class="jumpProject" data-status="1" data-year="{$statisyear}" href="javascript:;"> {:__('采购中项目数')}</a></div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6  stat-col">
										<div class="stat-icon"><i class="fa fa-user-circle"></i></div>
										<div class="stat">
											<div class="value"> <a class="jumpProject" data-status="2" data-year="{$statisyear}" href="javascript:;">{$startedProject}</a></div>
											<div class="name"><a class="jumpProject" data-status="2" data-year="{$statisyear}" href="javascript:;"> {:__('进行中项目数')}</a></div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6 col-xs-6">
				<div class="panel" style="border: 1px solid #cccccc;">
					<div class="panel-heading">
						<div style="border: 1px solid;width: 20%;padding: 5px;text-align: center;font-weight: bold;background-color: #4397fd;color: white;border-radius: 5px;font-size: 16px;">项目资金概况</div>
					</div>
					<div class="panel-body" style="padding-bottom: 0px;">
						<div class="card sameheight-item stats">
							<div class="card-block">
								<div class="row row-sm stats-container">
									<div class="col-xs-6 stat-col">
										<div class="stat-icon"><i class="fa fa-vcard"></i></div>
										<div class="stat">
											<div class="value"> {$allProject}</div>
											<div class="name"> {:__('总项目数')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6 stat-col">
										<div class="stat-icon"><i class="fa fa-vcard"></i></div>
										<div class="stat">
											<div class="value"> {:number_format($allProjectMoney,2)}</div>
											<div class="name"> {:__('总项目金额')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6  stat-col">
										<div class="stat-icon"><i class="fa fa-calendar"></i></div>
										<div class="stat">
											<div class="value"> {$finishedProject}</div>
											<div class="name"> {:__('已完成项目数')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6 stat-col">
										<div class="stat-icon"><i class="fa fa-calendar-plus-o"></i></div>
										<div class="stat">
											<div class="value"> {:number_format($finishedProjectMoney,2)}</div>
											<div class="name"> {:__('已完成项目金额')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6  stat-col">
										<div class="stat-icon"><i class="fa fa-user-circle"></i></div>
										<div class="stat">
											<div class="value"> {$unFinishedProject}</div>
											<div class="name"> {:__('未完成项目数')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
									<div class="col-xs-6  stat-col">
										<div class="stat-icon"><i class="fa fa-user-circle"></i></div>
										<div class="stat">
											<div class="value"> {:number_format($unFinishedProjectMoney,2)}</div>
											<div class="name"> {:__('未完成项目金额')}</div>
										</div>
										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width: 100%"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12 col-xs-12">
				<div class="panel" style="border: 1px solid #cccccc;">
					<div class="panel-heading">
						<div style="border: 1px solid;width: 13%;padding: 5px;text-align: center;font-weight: bold;background-color: #4397fd;color: white;border-radius: 5px;font-size: 16px;">年度项目概况</div>
					</div>
					<div class="panel-body" style="font-size: 18px;padding-bottom: 0px;">
						<p style="text-indent: 40px;">{$statisyear}年总共项目有<a class="jumpProject" data-year="{$statisyear}" href="javascript:;"><strong> {$allProject} </strong></a>个， 其中未开始项目数有<a class="jumpProject" data-year="{$statisyear}" data-status="0" href="javascript:;"><strong> {$noBeginProject} </strong></a>个， 采购中项目数有<a class="jumpProject" data-year="{$statisyear}" data-status="1" href="javascript:;"><strong> {$buyingProject} </strong></a>个， 进行中项目数有<a class="jumpProject" data-year="{$statisyear}" data-status="2" href="javascript:;"><strong> {$startedProject} </strong></a>个， 已完成项目数有<a class="jumpProject" data-year="{$statisyear}" data-status="3" href="javascript:;"><strong> {$finishedProject} </strong></a>个。</p>
						<p style="text-indent: 40px;">{$statisyear}年总项目金额：<strong>{:number_format($allProjectMoney,2)}</strong>元，已完成项目金额：<strong>{:number_format($finishedProjectMoney,2)}</strong>元，未完成项目金额：<strong>{:number_format($unFinishedProjectMoney,2)}</strong>元，项目年度执行率：<strong>{$yearExecutionRate}%</strong>。</p>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-xs-12">
				<div class="panel" style="border: 1px solid #cccccc;">
					<div class="panel-heading">
						<div style="border: 1px solid;width: 13%;padding: 5px;text-align: center;font-weight: bold;background-color: #4397fd;color: white;border-radius: 5px;font-size: 16px;">项目具体实施情况</div>
					</div>
					<div class="panel-body" style="font-size: 18px;padding-bottom: 0px;">
						<p style="text-indent: 40px;">{$statisyear}年采购中项目有<a class="jumpProject" data-year="{$statisyear}" data-status="1" href="javascript:;"><strong> {$buyingProject} </strong></a>个，其中代理公司未填的项目有<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noAgentcompanyBuyingProjectCount}</strong> </a>个，中标单位未填<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noBiddercompanyBuyingProjectCount}</strong> </a>个，公告发布时间未填<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noNoticetimeBuyingProjectCount}</strong> </a>个，开标时间未填<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noBidopentimeBuyingProjectCount}</strong> </a>个，合同签订时间未填<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noContracttimeBuyingProjectCount}</strong> </a>个，未提供招标文件<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noBiddingBuyingProjectCount}</strong> </a>个 ，未提供投标文件<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noRfpBuyingProjectCount}</strong> </a>个，未提供中标通知书<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noAcceptanceBuyingProjectCount}</strong> </a>个，未提供律师审核意见书<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noLawyerletterBuyingProjectCount}</strong> </a>个，未提供中标合同<a href="/admin/project/buying?ref=addtabs" target="_parent"> <strong>{$noContractBuyingProjectCount}</strong> </a>个。</p>
						<p style="text-indent: 40px;">{$statisyear}年进行中项目有<a class="jumpProject" data-year="{$statisyear}" data-status="2" href="javascript:;"><strong> {$startedProject} </strong></a>个，其中第一次付款完成有<a href="/admin/project/implementing?ref=addtabs" target="_parent"> <strong>{$firstPaymentedStartedProjectCount}</strong> </a>个，第二次付款完成有<a href="/admin/project/implementing?ref=addtabs" target="_parent"> <strong>{$secondPaymentedStartedProjectCount}</strong> </a>个，第三次付款完成有<a href="/admin/project/implementing?ref=addtabs" target="_parent"> <strong>{$thirdPaymentedStartedProjectCount}</strong> </a>个。</p>
					</div>
				</div>
			</div>
			<!-- <div class="col-xs-12" style="font-size: 20px;padding: 30px 380px;border: 1px solid #cccccc;margin: 18px;width: 98%;">
				<p style="text-indent: 20px;"><a class="jumpProject" data-year="{$statisyear}" href="javascript:;">今年总共项目数：<strong>{$allProject}</strong>，</a> <a class="jumpProject" data-year="{$statisyear}" data-status="0" href="javascript:;">其中未开始项目数：<strong>{$noBeginProject}</strong>，</a> <a class="jumpProject" data-year="{$statisyear}" data-status="1" href="javascript:;">采购中项目数：<strong>{$buyingProject}</strong>，</a> <a class="jumpProject" data-year="{$statisyear}" data-status="2" href="javascript:;">进行中项目数：<strong>{$startedProject}</strong>，</a> <a class="jumpProject" data-year="{$statisyear}" data-status="3" href="javascript:;">已完成项目数：<strong>{$finishedProject}</strong>。</a></p>
				<p style="text-indent: 20px;">采购中项目其中代理公司未填的项目有 <strong>{$noAgentcompanyBuyingProjectCount}</strong> 个，中标单位未填 <strong>{$noBiddercompanyBuyingProjectCount}</strong> 个，公告发布时间未填 <strong>{$noNoticetimeBuyingProjectCount}</strong> 个，开标时间未填 <strong>{$noBidopentimeBuyingProjectCount}</strong> 个，合同签订时间未填 <strong>{$noContracttimeBuyingProjectCount}</strong> 个，未提供招标文件 <strong>{$noBiddingBuyingProjectCount}</strong> 个 ，未提供投标文件 <strong>{$noRfpBuyingProjectCount}</strong> 个，未提供中标通知书 <strong>{$noAcceptanceBuyingProjectCount}</strong> 个，未提供律师审核意见书 <strong>{$noLawyerletterBuyingProjectCount}</strong> 个，未提供中标合同 <strong>{$noContractBuyingProjectCount}</strong> 个。</p>
				<p style="text-indent: 20px;">进行中项目其中第一次付款完成有 <strong>{$firstPaymentedStartedProjectCount}</strong> 个，第二次付款完成有 <strong>{$secondPaymentedStartedProjectCount}</strong> 个，第三次付款完成有 <strong>{$thirdPaymentedStartedProjectCount}</strong> 个。</p>
			</div> -->
		</div>
	</div>
</div>
